$(function () {
    $('#first').click(function () {
        var i = 0;
        $('.sow1').children('ul').eq(i).show().siblings('ul').hide();
        $('.one').children('a').addClass('actives');
        $('.one').siblings('li').children('a').removeClass('actives');
    })
    $('#last').click(function () {
        var i = 2;
        $('.sow1').children('ul').eq(i).show().siblings('ul').hide()
        $('.three').children('a').addClass('actives');
        $('.three').siblings('li').children('a').removeClass('actives');
    })
    var i = 1;
    $('#right').click(function () {
        if (i < 3) {
            console.log(i);
            $('.sow1').children('ul').eq(i).show().siblings('ul').hide();
            $('.spage').children('li').eq(i).children('a').addClass('actives');
            $('.spage').children('li').eq(i).siblings('li').children('a').removeClass('actives');
            i++;
        }
    })
    var j = 1;
    $('#left').click(function () {
        if (j >= 0) {
            console.log(j);
            $('.sow1').children('ul').eq(j).show().siblings('ul').hide();
            $('.spage').children('li').eq(j).children('a').addClass('actives');
            $('.spage').children('li').eq(j).siblings('li').children('a').removeClass('actives');
            j--;
        }
    })
    $('.spage').children('li').click(function () {
        var i = $(this).index();
        $('.sow1').children('ul').eq(i).show().siblings('ul').hide();
        $('.spage').children('li').eq(i).children('a').addClass('actives');
        $('.spage').children('li').eq(i).siblings('li').children('a').removeClass('actives');
    })
    $('#first1').click(function () {
        var i = 0;
        $('.sow2').children('ul').eq(i).show().siblings('ul').hide();
        $('.sow3').children('ul').eq(i).show().siblings('ul').hide();
        $('.one1').children('a').addClass('actives');
        $('.one1').siblings('li').children('a').removeClass('actives');
    })
    $('#last1').click(function () {
        var i = 2;
        $('.sow2').children('ul').eq(i).show().siblings('ul').hide();
        $('.sow3').children('ul').eq(i).show().siblings('ul').hide();
        $('.two1').children('a').addClass('actives');
        $('.two1').siblings('li').children('a').removeClass('actives');
    })
    $('#right1').click(function () {
            $('.sow2').children('ul').eq(1).show().siblings('ul').hide();
            $('.spage1').children('li').eq(1).children('a').addClass('actives');
            $('.spage1').children('li').eq(1).siblings('li').children('a').removeClass('actives');
    })

    $('#left1').click(function () {
            $('.sow2').children('ul').eq(0).show().siblings('ul').hide();
            $('.spage1').children('li').eq(0).children('a').addClass('actives');
            $('.spage1').children('li').eq(0).siblings('li').children('a').removeClass('actives');
    })
    $('#first3').click(function () {
        var i = 0;
        $('.sow3').children('ul').eq(i).show().siblings('ul').hide();
        $('.one1').children('a').addClass('actives');
        $('.one1').siblings('li').children('a').removeClass('actives');
    })
    $('#last3').click(function () {
        var i = 1;
        $('.sow3').children('ul').eq(i).show().siblings('ul').hide();
        $('.two1').children('a').addClass('actives');
        $('.two1').siblings('li').children('a').removeClass('actives');
    })
    $('#right3').click(function () {
            $('.sow3').children('ul').eq(1).show().siblings('ul').hide();
            $('.spage2').children('li').eq(1).children('a').addClass('actives');
            $('.spage2').children('li').eq(1).siblings('li').children('a').removeClass('actives');
    })

    $('#left3').click(function () {
            $('.sow3').children('ul').eq(0).show().siblings('ul').hide();
            $('.spage2').children('li').eq(0).children('a').addClass('actives');
            $('.spage2').children('li').eq(0).siblings('li').children('a').removeClass('actives');
    })
    $('.spage1').children('li').click(function () {
        var i = $(this).index();
        $('.sow2').children('ul').eq(i).show().siblings('ul').hide();
        $('.sow3').children('ul').eq(i).show().siblings('ul').hide();
        $('.spage1').children('li').eq(i).children('a').addClass('actives');
        $('.spage1').children('li').eq(i).siblings('li').children('a').removeClass('actives');
    })
    $('.spage2').children('li').click(function () {
        var i = $(this).index();
        $('.sow2').children('ul').eq(i).show().siblings('ul').hide();
        $('.sow3').children('ul').eq(i).show().siblings('ul').hide();
        $('.spage2').children('li').eq(i).children('a').addClass('actives');
        $('.spage2').children('li').eq(i).siblings('li').children('a').removeClass('actives');
    })
    $(".nava").children('li').click(function(){
        $(this).children('a').addClass("active");
        $(this).siblings('li').children('a').removeClass('active');
        var i=$(this).index();
        $('.sow').children('div').eq(i).show().siblings('div').hide();
    })
    $(".nava1").children('li').click(function(){
        $(this).children('a').addClass("active");
        $(this).siblings('li').children('a').removeClass('active');
        var i=$(this).index();
        $('.sows').children('div').eq(i).show().siblings('div').hide();
    })
})